<template>
  <div class="body">
    <hitokoto-card />
  </div>
  <!-- <h3>mock:{{ ddata }}</h3> -->
</template>
<script lang="ts">
import { defineComponent } from "vue";

import HitokotoCard from "@/components/HitokotoCard.vue";
export default defineComponent({
  components: { HitokotoCard },
  // setup() {
  //   axios
  //     .get('/users/XPoet')
  //     .then((res) => {
  //       console.log('res: ', res)
  //     })
  //     .catch((err) => {
  //       console.log('err: ', err)
  //     })
  // }
  setup() {
    // fetch("/api/getUsers")
    //   .then((res) => res.text())
    //   .then((data) => {
    //     console.log(data);
    //   });
    // ------------
    // var ddata;
    // axios
    //   .get("/api/getUsers")
    //   .then((res) => {
    //     console.log(res.data.data);
    //     ddata: String = res.data.data;
    //   })
    //   .catch((err) => {
    //     console.log(err);
    //   });
    // return { ddata };
  },
});
</script>
<style lang="stylus" scoped>
.body {
  height: 100%;
  background: #dfe7ef;
}
</style>
